<template>
  <div>
    <h1>ts-vue类型</h1>
    <ul>
      <li>{{msg}}</li>
      <li>
        <!-- 可以通过$event查看类型 -->
        <!-- <button @click="add($event)">add</button> -->
        <button @click="add">add</button>

      </li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
</template>

<script setup lang='ts'>
  defineProps({
      msg: {
        type: String,
        default:'hi ts'
      },
  })

  const add=(e:MouseEvent)=>{
    console.log(e.target)
  }
</script>

<style scoped>

</style>